<template>
    <el-dialog class="order-status-dialog" v-model="dialogStore.isOrderStatusDialogVisible" append-to-body
        :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" :lock-scroll="false" title="支付状态"
        width="200" top="30vh" center>
        是否已经完成支付？
        <template #footer>
            <el-button @click="onClose()" size="small">关闭</el-button>
            <el-button type="primary" size="small" @click="onPaid()">
                我已支付
            </el-button>
        </template>
    </el-dialog>
</template>
<script setup>
import { useContent } from ".";
const { dialogStore, onPaid, onClose } = useContent();
</script>
<style lang="scss">
.order-status-dialog {
    .el-dialog__header {
        display: none !important;
    }

    .el-dialog__body {
        padding: 20px !important;
        text-align: center !important;
    }
}
</style>
